<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Apply Job</title>
<link rel="stylesheet" type="text/css" href="css/view.css" media="all"/>
<title>Bazinga - Welcome</title> 
</head>
<style type="text/css">
.classname {
	-moz-box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	-webkit-box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb9d94), color-stop(1, #f54f4f) );
	background:-moz-linear-gradient( center top, #eb9d94 5%, #f54f4f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9d94', endColorstr='#f54f4f');
	background-color:#eb9d94;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d83526;
	display:inline-block;
	color:#f0e9e4;
	font-family:Georgia;
	font-size:20px;
	font-weight:normal;
	padding:4px 76px;
	text-decoration:none;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f54f4f), color-stop(1, #eb9d94) );
	background:-moz-linear-gradient( center top, #f54f4f 5%, #eb9d94 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54f4f', endColorstr='#eb9d94');
	background-color:#f54f4f;
}.classname:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>

<body id="main_body" bgcolor="#FFEFD5" >

	<div id="form_container">
		<div class="header">
		 <div id="mymenu" style="padding-left:10px">
		 <ul>

		 <li>
		 	<a class="color2" href="StudentHomeAction">Home</a>
		 
		 </li>
		 		 
		 <li>
		 	<a class="color2" href="searchjob.jsp">Search</a>
		 
		 </li>
		 
		 <li>
		 	<a class="color2" href="AppliedJobsAction">Applications</a>
		 
		 </li>
	
		 <li>
		 	<a class="color2" href="LogoutAction">Logout</a>
		 </li>
		 
		 </ul>

 		
       </div> 
        </div>
        	<div class="form_description">
			<h2>Manage Circle</h2>
		</div>
		
		<div style="padding-top:20px;padding-left:60px">
		<table>
			<tr><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td></tr>
			<tr><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td></tr>
			<tr><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td><td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td> <td><img alt="" height="100px" src="images/noimg.jpeg">Person</td></tr>
		</table>
			
		</div>
		
		<div class="form_description">
			<h2>Add to Circle</h2>
		</div>
		
		<div style="padding-top:20px;padding-left:60px">
		<s:form action="AddToCircleAction" method="post" enctype="multipart/form-data">
		<s:textfield label="Email" id="element_recepient" cssStyle="width:400px;" name="email" class="element text medium" type="text" value="%{email}" readonly="true" disabled="true"/>
 	  
 	    
		<s:submit value="Add to circle" cssClass="classname" cssStyle="margin-top:20px" align="center" />
		</s:form>
		</div>
		
	
		<div id="footer"><br/>
			©Team Bazinga
		</div>
	</div>
	<img id="bottom" src="register_files/bottom.png" alt="">
	</body>
</html>